<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Page</title>
    <!-- 引入axios库，用于发起HTTP请求 -->
    <script src="/js/axios.min.js"></script>
    <!-- 引入util.js，包含一些工具函数 -->
    <script src="/js/util.js"></script>
    <!-- 引入login.js，包含处理登录逻辑的代码 -->
    <script src="/js/index.js"></script>
    <style>
        /* 导航栏样式 */
        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #333;
            color: #fff;
            padding: 10px;
        }

        nav a {
            color: #fff;
            text-decoration: none;
            margin: 0 10px;
        }

        /* 空的 DIV 区域样式 */
        #empty-div {
            width: 600px;
            height: 300px;
            border: 1px solid #ccc;
            margin: 20px auto;
        }

        /* 表格样式 */
        .table-wrapper {
            width: 600px;
            margin: 0 auto;
        }

        table {
            border-collapse: collapse;
            margin: 20px 0;
            width: 100%;
        }

        th, td {
            border: 1px solid #ccc;
            padding: 10px;
        }

        th {
            background-color: #f2f2f2;
            font-weight: bold;
        }

        /* 修改表头样式 */
        th:not(:first-child) {
            border-left: none;
            padding-left: 20px;
        }
    </style>
</head>
<body>
<nav>
    <div>Logo</div>
    <div>
        <a href="">首页</a>
        <a href="login.html">登录</a>
        <a href="register.html">注册</a>
    </div>
</nav>
<div id="empty-div"></div>
<div class="table-wrapper">
    <table>
        <thead>
        <tr>
            <th>频道名称</th>
            <th>频道描述</th>
            <th>主贴数量</th>
        </tr>
        </thead>
        <tbody id="channelList">
        <!-- 这里留出空来，等待添加表格数据 -->

        </tbody>
    </table>
</div>
</body>
</html>